<html>
    <?php
    include "logado/conectar.php";

    mysql_set_charset('utf8');
    ini_set('default_charset', 'UTF-8');
    ?>
    <head>
        <meta charset="utf-8"/>
        <title>Cadastro do Clube</title>
        <link rel="stylesheet" type="text/css" href="css/cad_clube.css" />
        <script src="js/jquery-1.10.2.js"></script>
    </head>

    <script>
        $(document).ready(function() {
            /* Executa a requisição quando o campo CEP perder o foco */
            $('#cep').blur(function() {
                /* Configura a requisição AJAX */
                $.ajax({
                    url: 'consultar_cep.php', /* URL que será chamada */
                    type: 'POST', /* Tipo da requisição */
                    data: 'cep=' + $('#cep').val(), /* dado que será enviado via POST */
                    dataType: 'json', /* Tipo de transmissão */
                    success: function(data) {
                        if (data.sucesso == 1) {
                            $('#rua').val(data.rua);
                            $('#bairro').val(data.bairro);
                            $('#cidade').val(data.cidade);
                            $('#estado').val(data.estado);
                            $('#numero').focus();
                        }
                    }
                });
                return false;
            })
        });
    </script>

    <body>
        <div id="arealogo">
            <h2>Cadastro do Clube</h2>
        </div>
        <div id="cadastro">
            <form name="frm" action="aux_clube.php" method="POST">
                <label>Nome do Clube</label><br>
                <input type="text" name="nome" size="55" placeholder="Clube" /><br><br>
                <label>Apelido</label><br>
                <input type="text" name="apelido" size="40" placeholder="Apelido" /><br><br>
                <label>Data de Fundação</label><br>
                <input type="text" name="fundacao" size="25" placeholder="Fundação" /><br><br>
                <table>
                    <tr>
                        <td> 
                            <label>CEP (Somente números):</label>
                        </td>
                    </tr>

                    <tr>
                        <td colspan="2">
                            <input type="text" name="cep" id="cep" maxlength="8" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>Rua:</label>
                        </td>
                        <td>
                            <label>Número:</label><br>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 350px;">
                            <input type="text" size="50" name="rua" id="rua" size="25" />
                        </td>
                        <td>
                            <input type="text" name="numero" id="numero" size="5" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>Bairro:</label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <input type="text" size="50" name="bairro" id="bairro" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>Cidade:</label>
                        </td>
                        <td>
                            <label>Estado:</label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="text" size="40" name="cidade" id="cidade" />
                        </td>
                        <td>
                            <input type="text" name="estado" id="estado" size="2" />
                        </td>
                    </tr>
                </table>
                <br /><br />
                <label>Cores</label><br>
                <input type="text" name="prim" size="14" placeholder="Primária" />
                <input type="text" name="secu" size="14" placeholder="Secundária" />
                <input type="text" name="terc" size="15" placeholder="Terciária" /><br><br><br>
                <div id="botoes">
                    <input type="submit" name="botao" value="Cadastrar" />
                    <input type="button" name="botao" value="Voltar" />
                </div>
            </form>
        </div>
    </body>
</html>


